<template>
    <view class="make">
        <view class="list">
            <!-- <view class="item" v-for="(i,index) in 3" :key="index">
                <text>{{info}}</text>
            </view> -->
        </view>
		<view class="list">
		    <view class="item" v-for="(i,index) in 3" :key="index">
		        <text>{{content}}</text>
		    </view>
		</view>
		<view class="list">
		    <view class="item" v-for="(i,index) in 3" :key="index">
		        <text>{{content}}</text>
		    </view>
		</view>
    </view>
</template>

<script>
    export default {
        name: "watermark",
        props: {
            info: {
                type: String,
                default: '踏浪数码'
            }
        },
        data() {
            return {
				content:''
            };
        },
		mounted() {
			this.lodeWaterSet()
		},
		methods:{
			lodeWaterSet(){
				let params = {
					plate:'',
					type:5
				}
				this.$api.base.getHomeSet(params).then(res=>{
					if(res.data){
						if(res.data.content){
							this.content = res.data.content
						}
					}
				})
			},
		}
		
    }
</script>

<style lang="scss" scoped>
    .make {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, 0);
        pointer-events: none;

        .list {
            width: 100%;
            // height: 100%;
            // position: absolute;
            // top: -50%;
            // left: -50%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            pointer-events: none;

            .item {
				font-family: "Source Han Sans CN";
				width: fit-content;
				height: fit-content;
                font-size: 28rpx;
				color: rgba(235, 235, 235, 0.6);
                // font-weight: bold;
                padding: 250rpx 40rpx;
                pointer-events: none;
            }
        }
		.list:nth-child(1){
			transform: rotate(-45deg) translate(-11%,-30%);
		}
		.list:nth-child(2){
			transform: rotate(-45deg) translate(-20%,30%);
		}
		.list:nth-child(3){
			transform: rotate(-45deg) translate(0%,50%);
		}
    }
</style>
